.ps {
  /* 工具条的基本样式 */
  &_table_tools {
    // display: flex;
    // align-items: center;
    line-height: 48px;
    padding: 0 24px;
    height: 48px;
    font-size: 14px;
    color: var(--cbs-order-label-color);
    background-color: #fff;
  }

  /* 单据表头卡片 */
  &_order_header {
    margin: 10px 0;

    .card_title {
      cursor: pointer;
      display: flex;
      align-items: center;

      .card_title_container{
        flex: 1;
      }
    }

    // 设置card的内边距
    .el-card__body {
      padding: 1rem;
    }

    .el-form {
      .el-form-item {
        // 添加这个类，删除掉el-form-item的margin-bottom
        &.clear-form-item-margin-bottom.asterisk-left {
          margin-bottom: 0;
        }

        .el-form-item__label {
          font-size: var(--cbs-order-label-font-size);
          color: var(--cbs-order-label-color);
        }

        &.is-required .el-form-item__label {
          color: var(--el-color-primary);
        }
      }
    }

    /* 下面控制card中的表单元素的样式 */
    .el-textarea,
    .el-select,
    .el-input-number,
    .el-input {
      width: 100%;

      &.is-disabled {
        background-color: unset;

        .el-input__wrapper {
          background-color: inherit;
        }

        .el-textarea__inner,
        .el-input__inner {
          background-color: inherit;
          color: var(--cbs-table-color);
          -webkit-text-fill-color: var(--cbs-table-color); // placeholder颜色
        }
      }

      .el-input__wrapper {
        box-shadow: 0 0.0625rem var(--el-input-border-color) !important;

        .el-input__inner {
          color: var(--cbs-table-color);
        }

        &.is-focus {
          box-shadow: 0 0.0625rem var(--el-input-focus-border-color) !important;
        }

        &:hover {
          box-shadow: 0 0.0625rem var(--el-input-focus-border-color) !important;
        }
      }

      &.is-focus {
        .el-input__wrapper {
          box-shadow: 0 0.0625rem var(--el-input-focus-border-color) !important;
        }
      }
    }

    .el-input__wrapper,
    .el-textarea__inner {
      border-radius: 0;
    }

    /* 数字输入框 */
    .el-input-number {
      .el-input__wrapper {
        padding: 0.0625rem 0.6875rem;
      }

      .el-input-number__increase {
        display: none;
      }
      .el-input-number__decrease {
        display: none;
      }

      .el-input__inner {
        text-align: left;
      }
    }
  }

  /* 表身表格样式 */
  &_table_edit {
    .el-table__header-wrapper {
      .cell {
        .is-required {
          color: var(--el-color-primary);

          &:before {
            content: '* ';
            color: red;
          }
        }
      }
    }

    .el-table__body-wrapper {
      .el-table__cell {
        // 判断是否存在指定的子元素
        &:has(.el-input) {
          padding-top: 0;
          padding-bottom: 0;
          .el-input__wrapper {
            border-radius: 0;
          }

          .cell {
            padding: 3px 0;
          }
        }

        .el-select {
          width: 100%;
        }

        .cell {
          padding: 4px 0;
        }
      }
    }

    .el-table__footer-wrapper .el-table__footer .el-table__cell {
      color: var(--cbs-table-color);
      background-color: #fff8e1;
    }

    .row_class {
      height: 39px;
    }

    // 表格中日期组件的宽度跟随表格
    .el-date-editor {
      .el-input__prefix {
        display: none;
      }
      &.el-input {
        width: unset;
      }
    }

    // 选择兄弟选择的分页选择器，控制其位置
    & + .ps_pagination {
      justify-content: flex-end;
      margin-bottom: 0;
    }
  }
}
